{extend name="public/common"}

{block name="style"}
<title>考勤打卡</title>
<link rel="stylesheet" href="/home/css/user/index.css?v={$Think.config.version}">
{/block}

{block name="body"}
<div id="app" v-cloak>
    <div class="list">
        <a href="{:Url('Attendance/work')}" v-if="permission == 1">
            <div>
                <img src="/home/images/attendance/attendance-1.png" />
                <p>考勤上报</p>
                <i class="fa fa-angle-right"></i>
            </div>
        </a>
        <a href="{:Url('Attendance/overtime')}">
            <div>
                <img src="/home/images/attendance/attendance-2.png" />
                <p>加班考勤</p>
                <i class="fa fa-angle-right"></i>
            </div>
        </a>
        <a href="{:Url('Attendance/record')}">
            <div>
                <img src="/home/images/attendance/attendance-3.png" />
                <p>考勤情况</p>
                <i class="fa fa-angle-right"></i>
            </div>
        </a>
    </div>
</div>
{/block}

{block name="script"}
<script>
    console.log({$is_permission})
    var vw = new Vue({
        el: "#app",
        data: {
            permission: {$is_permission}
        },
        methods: {

        }
    })
</script>
{/block}
